<%-- 
    Document   : editarTarea_Info
    Created on : Apr 6, 2012, 1:45:56 PM
    Author     : Eol
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Editar Tarea</title>
<link href="Estilos/css/bootstrap.css" rel="stylesheet">

<style type="text/css" media="screen">
 #fondo {
 width: 1600px;
 height: 400px;
 margin: auto;
 background-color: #e3e3e3;
 background: -moz-linear-gradient(top, #65b6cf , #2c2c2c);
 background: -webkit-gradient(linear, 0 0, 0 100%, from(#f18b01),  to(#ffffff));
}
</style>
</head>

<body>
    <div id="fondo">
	<div class="row" style="position:absolute;top:15px;left:230px"> 
            <h1>Editar tarea</h1>
	</div>
    	<div class="subnav" style="position:absolute;top:55px;left:200px">
            <ul class="nav nav-pills">
                <li class="active"><a href="#labels">Informacion</a></li>
		<li class=""><a href="#labels">Colaboradores</a></li>
		<li class=""><a href="#labels">Recursos</a></li>
		<li class=""><a href="#badges">Entregables</a></li>
            </ul>
	</div>
    </div>
    <div class="row" style="position:absolute;top:100px;left:200px">
	<div class="span3 ">
            <h2>Codigo:</h2>
            <br/>
            Nombre de la tarea:
	    <input name="nombre_proyecto" type="text" data-provide="typeahead">
	    <br/>
	    <p><h2>Flujo:</h2></p>
            <p><h3>Actividad:</h3></p>
            <br/>
            <p><h3>Tareas predecesoras:</h3></p>
	    <form class="well form-inline">
                Agregar tarea:<input class="input-small"name="agregar tarea" type="text" data-provide="typeahead">
            </form>
            <select multiple="multiple" id="multiSelect"style="position:absolute;top:350px;left:60px">
                <option>1</option>
                <option>2</option>
                <option>3</option>
                <option>4</option>
                <option>5</option>
            </select>
	</div>
	<div class="span1">
            <p>Duracion:</p>
            <input class="input-small" name="duracion" type="text" data-provide="typeahead">
	</div>
	<div class="span5" style="position:absolute;top:10px;left:450px">
            <form class="well form-inline">
                <p>Fecha(Dia/Mes/Año):</p>
		<select class="span1">
                    <option>1</option>
                    <option>2</option>
                    <option>3</option>
                    <option>4</option>
                    <option>5</option>
		</select>
		<select class="span1">
                    <option>1</option>
                    <option>2</option>
                    <option>3</option>
                    <option>4</option>
                    <option>5</option>
		</select>
		<select class="span1">
                    <option>1</option>
                    <option>2</option>
                    <option>3</option>
                    <option>4</option>
                    <option>5</option>
                </select>
		<p>
		<P>
		Porcentaje completado:
		<div class="input-append">
                    <input class="span1" name="porcentaje" size="16" type="text"><span class="add-on">%</span>
		</div>
		<p>
		<div class="progress progress-striped active">
                    <div class="bar" style="width: 10%;"></div>
		</div>
            </form>
        </div>
	<div class="span6" style="position:absolute;top:250px;left:350px">
            <div class="hero-unit">
                <h4>Descripcion:</h4>
		<textarea class="input-xlarge" name="descripcion" rows="4" style="margin-left: 0px; margin-right: 0px; width: 450px; margin-top: 0px; margin-bottom: 0px; height: 80px; " data-provide="typeahead"></textarea>
		<p>
		<p>
		<a href="#" class="btn btn-warning" name="guardar" type="sumit" style="position:absolute;top:200px;left:350px">Guardar»</a>
  		<a href="#" class="btn btn-info" name="cancelar" type="sumit" style="position:absolute;top:200px;left:450px">Cancelar</a>
            </div>
	</div>
    </div>
	
    <script src="Estilos/js/jquery.js"></script>
    <script src="Estilos/js/bootstrap-dropdown.js"></script>

</body>
</html>
